﻿@page "/sidebar/api"

@using Syncfusion.Blazor.Navigations

@inherits SampleBaseComponent

<SampleDescription>
    <p> This sample demonstrates the Sidebar component with its features. Click the button to view the Sidebar sample in a new tab.</p>
</SampleDescription>
<ActionDescription>
    <p>This sample allows to configure the <code>type</code>, <code>position</code>, <code>closeOnDocumentClick</code> and <code>showBackdrop</code> properties.</p>
</ActionDescription>

<div class="control-section">
    <div class="col-lg-12 col-sm-12 col-md-12 center">
        Click/Touch the button to view the sample
    </div>
    <div class="col-lg-12 col-sm-12 col-md-12 center">
        <a class="e-btn" id="newTab" href="sidebar/sidebar-api" target="_blank">Open in new tab</a>
    </div>
</div>
<style>
    .center {
        text-align: center;
        font-size: 13px;
        font-weight: 400;
        margin-top: 20px;
    }
</style>

